<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>


    <meta name="language" content="chinese"/>
    <link rel="Shortcut Icon" type="image/ico" href="http://content1.ijie.cn/zh-CN/image/sitecore/favicon.ico"/>
    <link rel="stylesheet" type="text/css"
          href="http://content3.ijie.cn/zh-cn/20120409153537/style/sitecore/globalnew.css"/>
    <link rel="stylesheet" type="text/css"
          href="http://content1.ijie.cn/zh-cn/20120409153537/style/sitecore/site_rest.css"/>
    <script type="text/javascript"
            src="http://content2.ijie.cn/zh-cn/20120409153537/script/common/jquery/1.6.2/jquery.min.js">

    </script>
    <script type="text/javascript" src="http://content3.ijie.cn/zh-cn/20120409153537/script/sitecore/main.js">

    </script>


    <link rel="stylesheet" type="text/css" href="channelShow.css"/>


    <title>
        配饰 - 爱结 ijie.com
    </title></head>
<body>
<div class="Main">
    <div class="wraper clearfix">

        <div class="col-main">
            <div class="pictureShow">
                <div class="picShowImg">
                    <div class="picPages"><a class="picBack" href=""></a><span>3/12</span>
                        <div class="picSelect">
                        <div class="picMore"></div>
                            <div class="picDetail">
                            <ul class="">
                                <li><a href="">新娘婚纱</a></li>
                                <li><a href="">新娘婚纱</a></li>
                                <li></li>
                            </ul>
                        </div>
                        </div>
                    </div>
                    <div class="weddingBg">
                        <div class="imgBg">
                            <div class="BgSize">
                            <img class="pictureSize" src="images/5_channel.jpg"></div>
                        </div>
                        <a class="preBtn"></a>
                        <a class="nextBtn"></a>

                    </div>
                </div>
                <div class="contactInfor"></div>
                <div class="detailText clearfix">
                    <h2>黄老五的幸福婚礼</h2>

                    <div class="textLeft">
                        <div class="storyText">
                            有人说：人生的精彩就在于，没有rehearsal的时间 我亦想说：那夜的精彩，即源自你未经构思的即兴之言 你曾说道，你的父亲追梦无悔，追爱无边
                            你曾笑道，这是典型的bass风格，毫无顾忌，毫不掩饰 我也曾笑你的轻狂，我也曾笑你的这点自知之明 然而四年之后，再回首，我却无言了很久……
                        </div>
                        <div class="weddingFrom">
                            <a href =""><img src="images/2_channel.jpg"></a>

                            <div class="weddTitle">
                                <p>来自这个婚礼：</p>

                                <div class="titleDetail"><a href="">有人说：人生的精彩就在于，没有rehearsal的时间 我亦想说：那夜的精彩，</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="etailsAddr">
                        <p>摄影：聚焦摄影</p>

                        <p>策划：某某婚礼策划公司</p>

                        <p>地址：广州市荔湾区长寿路</p>

                        <p><span>更多：</span><a class="moreLink" href="">婚礼真人show</a><a class="moreLink"
                                                                                      href="">婚礼钻戒</a><a
                                class="moreLink" href="">配饰</a><a class="moreLink" href="">婚礼礼服</a><a class="moreLink"
                                                                                                      href="">婚礼礼服</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<script type="text/javascript">
    $(".pictureShow .picShowImg .picPages .picSelect ").hover(function(){
        $(".picSelect .picDetail").show()
    },function(){
        $(".picSelect .picDetail").hide()
    });
<!--set_picture_size-->
//    function imageSet(item,imgframe){
//        var frame_width=$(imgframe).width(),
//            frame_height=$(imgframe).height(),
//            frame_rate =frame_width/frame_height;
//    $(item).attr("src", $(item).attr("src"))
//            .load($(item).attr("src"),function() {
//                var pic_real_width = this.width,
//                    pic_real_height = this.height,
//                    pic_real_rate=pic_real_width/pic_real_height;
//                if( pic_real_rate > frame_rate){     // picture has marginTop and marginBottom
//                    var pic_rate=frame_width/pic_real_width;
//                    var pic_height_set=pic_real_height*pic_rate;
//                    var pic_margin_set=(frame_height-pic_height_set)/2;
//                    $(".pictureSize").css({width:frame_width,height:pic_height_set,marginTop:pic_margin_set})
//                }else if(pic_real_rate < frame_rate){     //picture has marginLeft and marginRight
//                    var pic_set=500/pic_real_height;
//                    var pic_width_set=pic_real_width*pic_set;
//                    var pic_margin_set=(500-pic_width_set)/2;
//                    $(".pictureSize").css({height:500,width:pic_width_set,marginLeft:pic_margin_set})
//                }else{              // picture is fit for the frame
//                    $(".pictureSize").css({height:500,width:500})
//                }
//            });
//    }


    (function($){
        $.fn.resizeImg = function(w,h){
            var img=[];

            this.each(function(i){
                img[i]=new Image();
                var obj=$(this);
                obj.width(w).height(h);
                img[i].onload=function(){
                    var Imgw=img[i].width;
                    var Imgh=img[i].height;
                    var ws=Imgw/w;
                    var hs=Imgh/h;
                    if(ws>hs){
                        var iw=parseInt(Imgw/hs);
                        obj.height(h+"px").width(iw+"px").css("margin-left","+"+parseInt((iw-w)/2)+"px");
                    }
                    else{
                        var ih=parseInt(Imgh/ws);
                        obj.width(w+"px").height(ih+"px").css("margin-top","+"+parseInt((ih-h)/2)+"px");
                    }
                };
                img[i].src=obj.attr("src");
            });
        } ;
    })(jQuery);

    $(document).ready(function(){
        $('.pictureSize').resizeImg(365,109);

    })
</script>
</html>